Google Sheets থেকে ডেটা Google Charts এ ইমপোর্ট করা একটি খুবই জনপ্রিয় এবং কার্যকরী উপায় ডেটা ভিজ্যুয়ালাইজেশন তৈরির জন্য। এটি আপনাকে সহজে স্প্রেডশিটে থাকা ডেটা দিয়ে ডাইনামিক চার্ট তৈরি করতে সহায়তা করে, যা রিয়েল-টাইমে আপডেটও হতে পারে।
এই গাইডে, আমরা Google Sheets থেকে ডেটা ইমপোর্ট করে Google Charts ব্যবহার করে একটি চার্ট তৈরি করার পদ্ধতি শিখবো।
১. Google Sheets থেকে Data Import করার উপায়
Google Sheets থেকে ডেটা ইমপোর্ট করার জন্য Google Visualization API ব্যবহার করা হয়। এর মাধ্যমে আপনি স্প্রেডশিটের ডেটা সরাসরি Google Charts এ ইমপোর্ট করতে পারেন।
প্রাথমিক সেটআপ
প্রথমত, আপনাকে Google Sheets এর public শেয়ার সেটিংস করতে হবে, যাতে চার্টটি আপনার ওয়েব পেজে অ্যাক্সেস করতে পারে।
২. Google Sheets থেকে ডেটা লোড করার উদাহরণ
এই উদাহরণে আমরা একটি Google Sheets ডেটাবেস থেকে ডেটা ইমপোর্ট করে Line Chart তৈরি করব।
HTML এবং JavaScript কোড উদাহরণ:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Google Charts with Google Sheets</title>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
// Google Charts লাইব্রেরি লোড করা
google.charts.load('current', {'packages':['corechart', 'line']});
// কলব্যাক ফাংশন
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
// Google Sheets থেকে ডেটা লোড করা
var queryString = encodeURIComponent('SELECT A, B, C WHERE A IS NOT NULL');
var query = new google.visualization.Query('https://docs.google.com/spreadsheets/d/1A1ySDeh4tRpmGoqSg6kYhNREiWzxvLE9YrfHkA9t2A0/edit?usp=sharing');
query.setQuery(queryString);
query.send(handleQueryResponse);
}
// ডেটা প্রাপ্তি এবং চার্ট আঁকা
function handleQueryResponse(response) {
if (response.isError()) {
alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
return;
}
var data = response.getDataTable();
var options = {
title: 'Sales Data Over Time',
hAxis: {title: 'Year'},
vAxis: {title: 'Sales'},
series: {
0: { curveType: 'function' }
}
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<h2>Google Charts with Google Sheets Data</h2>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
</body>
</html>
৩. কোড ব্যাখ্যা
- Google Visualization API লোড করা:
google.charts.load('current', {'packages':['corechart', 'line']});লাইনে আমরা corechart এবং line প্যাকেজ লোড করেছি, যা আমাদের Line Chart তৈরি করতে সাহায্য করবে।
- Google Sheets Query:
google.visualization.Query()ফাংশনের মাধ্যমে Google Sheets থেকে ডেটা ইমপোর্ট করা হচ্ছে।- এখানে spreadsheet URL ব্যবহার করা হয়েছে:
'https://docs.google.com/spreadsheets/d/1A1ySDeh4tRpmGoqSg6kYhNREiWzxvLE9YrfHkA9t2A0/edit?usp=sharing'। আপনি আপনার শীটের URL দিয়ে এটি প্রতিস্থাপন করতে পারেন। SELECT A, B, C WHERE A IS NOT NULL: এই কোডটি নির্দিষ্ট columns (A, B, C) থেকে ডেটা নির্বাচন করে, যেখানে column A খালি নয়।
- ডেটা প্রসেসিং:
query.send(handleQueryResponse);এই ফাংশনটি ডেটা সঠিকভাবে লোড হওয়ার পর handleQueryResponse ফাংশন কল করবে।
- চার্ট আঁকা:
handleQueryResponseফাংশনে Line Chart তৈরি হচ্ছে এবং এর পরামর্শিত ডেটাresponse.getDataTable()এর মাধ্যমে সন্নিবেশিত হচ্ছে।- options ব্যবহার করে আমরা চার্টের বিভিন্ন অপশন যেমন শিরোনাম, অক্ষের নাম ইত্যাদি কাস্টমাইজ করেছি।
৪. Google Sheets এর ডেটা প্রস্তুত
Google Sheets থেকে ডেটা ইমপোর্ট করার আগে নিশ্চিত করুন যে আপনার শীট public শেয়ার করা হয়েছে এবং প্রয়োজনীয় columns সঠিকভাবে প্রস্তুত আছে। উদাহরণস্বরূপ:
| Year | Product A | Product B |
|---|---|---|
| 2020 | 1000 | 1500 |
| 2021 | 1100 | 1600 |
| 2022 | 1200 | 1700 |
এখানে, Year, Product A, এবং Product B এই তিনটি কলাম ব্যবহার করা হয়েছে।
৫. Google Sheets থেকে Data Import এ অন্যান্য বিষয়
- Query Language: আপনি SQL-like queries ব্যবহার করে স্প্রেডশিট থেকে ডেটা নির্বাচন করতে পারেন, যেমন
SELECT,WHERE,ORDER BYইত্যাদি। - Real-time Updates: Google Sheets পরিবর্তন হলে সেই পরিবর্তনগুলি Google Charts-এও রিয়েল-টাইমে আপডেট হবে, কারণ Google Visualization API সরাসরি Google Sheets-এর ডেটার সাথে সংযুক্ত থাকে।
- Private Sheets: যদি শীটটি private হয়, তবে আপনাকে OAuth বা অন্যান্য অনুমতি ব্যবস্থাপনা ব্যবহার করতে হতে পারে।
উপসংহার
Google Sheets থেকে ডেটা ইমপোর্ট করে Google Charts এ ভিজ্যুয়ালাইজেশন তৈরি করা একটি অত্যন্ত সহজ এবং কার্যকরী পদ্ধতি, যা ডেটা অ্যানালাইসিস এবং রিপোটিং করতে সহায়ক। আপনি সহজেই Google Visualization API ব্যবহার করে স্প্রেডশিট থেকে ডেটা লোড করে বিভিন্ন ধরনের চার্ট তৈরি করতে পারেন এবং তা রিয়েল-টাইমে আপডেট করতে পারেন।
Read more
